/*******************************通用*********************************/
header { width: 100%; height: 50px;  background: #3794dc; float: inherit; }
header .backBtn { width: 16%; height: 100%; float: left; display: block; margin-left: 4%; background: url(../ui/backBtn.png) left center no-repeat; background-size: 8px auto; font-size: 1.2em; text-indent: 12px; color: #fff; line-height: 50px; }
header h2 { width: 60%; float: left; display: block; line-height: 50px; text-align: center; font-size: 2em; font-weight: normal; color: #fff; }

.tab { width: 100%; float: inherit; height: 40px; background: #3794dc; overflow:hidden; }
.tab a { display: block; line-height: 40px; float: left; text-align: center; color:rgba(255,255,255,0.6); font-size: 1.4em; }
.tab a.active { color:#fff; background:url(../ui/tabArrow.png) center bottom no-repeat; background-size:auto 7px; }

.tag { width: 100%; float: inherit; padding-bottom: 10px; background: #f5f5f5; overflow:hidden;  }
.tag a { width: 19%; height: 28px; margin: 10px 0 0 4%; display: block; background: #fff; text-align: center; line-height: 28px; color: #666; font-size: 1.2em; float: left; border: 1px solid #fff; }
.tag a.active { border-color: #3794dc; color: #3794dc }

nav { width: 100%; height: 50px; position: fixed; z-index: 2; left: 0; bottom: 0; background: rgba(255,255,255,0.9) }
nav a { width: 20%; height: 100%; float: left; display: block; }
nav a .icon { width: 100%; height: 30px; float: left; background-size: 25px; background-position: center center; background-repeat: no-repeat; }
nav a span { width: 100%; float: left; display: block; text-align: center; font-size: 1em; color: #666; line-height: 20px; }
nav a.active span { color: #3794dc; }
nav .indexBtn { background-image: url(../ui/navIcon_1_1.png); }
nav a.active .indexBtn { background-image: url(../ui/navIcon_1_2.png); }
nav .productionBtn { background-image: url(../ui/navIcon_2_1.png); }
nav a.active .productionBtn { background-image: url(../ui/navIcon_2_2.png); }
nav .serviceBtn { background-image: url(../ui/navIcon_3_1.png); }
nav a.active .serviceBtn { background-image: url(../ui/navIcon_3_2.png); }
nav .newsBtn { background-image: url(../ui/navIcon_4_1.png); }
nav a.active .newsBtn { background-image: url(../ui/navIcon_4_2.png); }
nav .enterpriseBtn { background-image: url(../ui/navIcon_5_1.png); }
nav a.active .enterpriseBtn { background-image: url(../ui/navIcon_5_2.png); }

/*******************************首页*********************************/

.swiper-container {width: 100%; height: 100%;}
.swiper-slide { width:100%; height:100%; overflow:hidden;}
.ani{position:absolute;}
.swiper-slide h2 { width: 40%; height: 50px; position: absolute; z-index: 1; left: 30%; top: 40px; color: #3794dc; font-size: 45px; text-align: center; display: block; }
.swiper-slide b { width: 40%; height: 24px; position: absolute; z-index: 1; left: 30%; top: 100px; text-align: center; display: block; }
.swiper-slide b img { height: 100%; }
.swiper-slide p { width: 100%; position: absolute; z-index: 1; left: 0; top: 130px; color: #666; font-size: 1.4em; text-align: center; line-height: 150% }
.swiper-slide .moreBtn { width: 16%; height: 50px; position: absolute; z-index: 2; left:42%; bottom: 80px; border-radius: 30px; text-align: center; line-height: 50px; color: #fff; font-size: 2em; }
.swiper-slide .moreBtn img { height:100%; }

.coverPage { background: url(../ui/indexBg_1.jpg) center center; background-size: cover; }
.coverPage .logoBox { width: 70%; position: absolute; z-index: 1; left: 15%; top:25%;}
.coverPage .logoBox img { width: 100%; }
.coverPage .arrow { width: 8%; height: 10px; position: absolute; z-index: 1; left: 46%; bottom: 60px; text-align: center; background: url(../ui/indexImg_1_2.png) center center no-repeat; background-size: auto 100%; text-indent: -9999px; }

.enterprisePage { background: url(../ui/indexBg_2.jpg); background-size: cover; }
.enterprisePage .imgBox_1 { width: 100%; position: absolute; z-index: 1; left: 0; bottom: 0px; overflow: hidden; }
.enterprisePage .imgBox_1 img { width: 100%; float: left; }

.productionPage { background: url(../ui/indexBg_3.jpg); background-size: cover; }
.productionPage .imgBox_2 { width: 100%; position: absolute; z-index: 1; left: 0; bottom: 0px; overflow: hidden; }
.productionPage .imgBox_2 img { width: 100%; float: left; }
.productionPage .imgBox_3 { width: 70%; position: absolute; z-index: 1; left: 15%; bottom: 25%; overflow: hidden; text-align: center; }
.productionPage .imgBox_3 img { width: 100%; }

.servicePage { background: url(../ui/indexBg_4.jpg); background-size: cover; }
.servicePage .imgBox_4 { width: 100%; position: absolute; z-index: 1; right: 0; bottom: 0px; overflow: hidden; }
.servicePage .imgBox_4 img { width: 100%; float: right; }

.planPage { background: url(../ui/indexBg_5.jpg); background-size: cover; }
.planPage .planBox { width: 70%; padding: 25px 5%; position: absolute; z-index: 1; left: 10%; top: 80px; background: rgba(255,255,255,0.9); border-radius: 10px; overflow: hidden; }
.planPage .planBox h2 { width: 100%; height: 50px; position: relative; float: left; left: 0; top: 0; color: #3794dc; font-size: 3em; text-align: center; display: block; }
.planPage .planBox b { width: 100%; float: left; text-align: center; position: relative; float: left; left: 0; top: 0; }
.planPage .planBox b img { height: 100%; }
.planPage .planBox p { width: 100%; float: left; margin-top: 20px; color: #666; font-size: 1.4em; text-align: center; line-height: 150%; position: relative; float: left; left: 0; top: 0; }
.planPage a { width: 70%; position: absolute; z-index: 1; left: 15%; bottom: 100px; background: #3794dc; line-height: 50px; color: #fff; text-align: center; font-size: 1.6em; display: block; border-radius: 10px; }

/*******************************新闻*********************************/
.newsList { width: 100%; float: inherit; border-top: 1px solid #ddd; }
.newsList li { width: 100%; height: 60px; float: left; border-bottom: 1px solid #ddd; padding: 15px 0; overflow: hidden; }
.newsList li img { width: 25%; float: left; margin: 0 4%; }
.newsList li strong { height: 40px; line-height: 20px; font-size: 1.4em; color: #333; margin-right: 4%; font-weight: normal; display: block; overflow: hidden; }
.newsList li b { line-height: 20px; font-size: 1.2em; color: #999; float: left; font-weight: normal; }
.newsList li span { line-height: 20px; font-size: 1.2em; color: #999; float: right; margin-right: 4%; }

/*******************************服务*********************************/
.serviceTab a { width:33.3%; }

/*******************************企业*********************************/
.enterpeiseTab a { width:20%; }
